.Modal_mask {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: #fff;
	z-index: 9996;
}
.Modal_masks {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: #fff;
	opacity: 0;
	z-index: 9996;
}
.i_h_logo {
		height: 68rpx;
		width: 112rpx;
	}
	.s_title {
		display: flex;
		justify-content: center;
		color: #fff;
		font-size: 36rpx;
		font-weight: bold;
		margin: auto;
	}
	.i_h_login {
		width: 44rpx;
		height: 52rpx;
		margin-right: -88rpx;
	}
	.ex_input {
		border: 2rpx solid #323a56;
		color: #fff;
		width: 252rpx;
		height: 72rpx;
		padding-left: 8rpx;
	}
	.right_title {
		width: 252rpx;
		position: relative;
		margin-right: 20rpx;
		image {
			width: 44rpx;
			height: 44rpx;
			position: absolute;
			right: 10rpx;
			top: 50%;
			transform: translateY(-50%);
		}
	}
.pla {
	font-weight: normal;
}
.c_modal {
	z-index: 9999;
	position: fixed;
	width: 100%;
	top: 0;
	left: 0;
	.top {
		height: 88rpx;
		border-bottom: 2rpx solid #e7ebee;
		display: flex;
		align-items: center;
		justify-content: space-between;
		.left {
			margin-left: 26rpx;
			display: flex;
			align-items: center;
		}
		text {
			margin-right: 26rpx;
			font-size: 36rpx;
		}
		input {
			font-size: 36rpx;
		}
		image {
			width: 44rpx;
			height: 44rpx;
			margin-right: 18rpx;
		}
	}
	.title {
		color: #c5cfd5;
		border-bottom: 2rpx solid #e7ebee;
		padding: 20rpx 26rpx;
	}
	.hy {
		border-bottom: 10rpx solid #f8f9fb;
		.block:last-child {
			border-bottom: 0;
		}
	}
	.block {
		border-bottom: 2rpx solid #e7ebee;
		padding: 16rpx 26rpx;
		display: flex;
		align-items: center;
		justify-content: space-between;
		text {
			font-size: 32rpx;
		}
		image {
			width: 30rpx;
			height: 30rpx;
		}
	}
}
.q_list {
	.q_block {
		display: flex;
		height: 112rpx;
		margin: 0 26rpx;
		align-items: center;
		justify-content: space-between;
		border-bottom: 2rpx solid #f7f7fb;
		.s_word {
			color: $gray;
			font-size: 24rpx;
			margin-top: 16rpx;
		}
		.ss_word {
			color: $gray;
			font-size: 20rpx;
			margin-top: 16rpx;
		}
		.rise {
			width: 134rpx;
			height: 52rpx;
			background: $rise;
			border-radius: 4rpx;
			display: flex;
			align-items: center;
			justify-content: center;
			color: #fff;
			font-size: 24rpx;
		}
		.fall {
			width: 134rpx;
			height: 52rpx;
			border-radius: 4rpx;
			display: flex;
			align-items: center;
			justify-content: center;
			color: #fff;
			font-size: 24rpx;
			background: $fall;
		}
	}
}

.exchange {
	/* #ifdef APP-PLUS */
	height: calc(100% - var(--status-bar-height));
	/* #endif */
	view,
	text {
		font-weight: bold;
	}
	.coin_list {
		margin-top: 38rpx;
		margin-left: 26rpx;
		text {
			color: #1882d4;
			margin-right: 66rpx;
		}
	}
	.b_title {
		position: relative;
		text-align: center;
		image {
			//  height: 90upx;
			position: absolute;
		}
		text {
			font-size: 36upx;
			font-weight: bold;
			text-align: center;
		}
	}
	.exchange_main {
		.exchange_list {
			border-radius: 8upx;
			padding: 0 20upx;
			.item {
				display: flex;
				color: #434343;
				position: relative;
				padding: 24upx 0;
				&::after {
					display: block;
					content: '';
					position: absolute;
					left: 0;
					bottom: 0;
					right: 0;
					height: 1upx;
					transform: scaleY(0.5);
					background: #e5e5e5;
				}
				.flex {
					flex: 1;
					display: flex;
					align-items: center;
					font-size: 26upx;
					.icon-cion {
						width: 43upx;
						height: 43upx;
						border-radius: 43upx;
						background-color: #fff;
						margin-right: 15upx;
					}
					.item_coin {
						text {
							display: block;
							line-height: 34upx;
						}
					}
					&.price {
						flex-direction: column;
						text {
							display: block;
							width: 100%;
							line-height: 34upx;
						}
						.new {
							font-weight: 700;
						}
						.money {
							font-size: 22upx;
						}
					}
					&.gain {
						min-width: 127upx;
						text {
							display: block;
							height: 43upx;
							line-height: 43upx;
							background: #ccc;
							width: 100%;
							color: #fff;
							text-align: center;
							font-size: 24upx;
							border-radius: 8upx;
						}
						.rise {
							background: #009237;
						}
						.fall {
							background: #a62e2e;
						}
					}
					&.optional {
						justify-content: flex-end;
						.iconfont {
							font-size: 50upx;
							line-height: 50upx;
						}
					}
				}
			}
		}
		.exchange_nav {
			border-top: 2rpx solid #e7ebee;
			display: flex;
			justify-content: space-between;
			margin-top: 14rpx;
			padding-top: 14rpx;
			padding-left: 26rpx;
			padding-right: 72rpx;
			margin-bottom: 20rpx;
			text {
				color: #aaaaaa;
			}
		}
	}
	.exchange_header {
		display: flex;
		margin: 26rpx 26rpx 0;
		border-radius: 6rpx;
		overflow: hidden;
		.b_list {
			height: 66upx;
			background: #f8f9fb;
			border-right: 0;
			line-height: 66upx;
			font-size: 32rpx;
			color: #1882d4;
			text-align: center;
			flex: 1;
			&.active {
				background: $blue;
				color: #fff;
			}
		}
	}
}
